<template>
  <MetricCard
    type="info"
    icon="icon icon-edit"
    label="总字数"
    :value="value"
    :trend="trend"
    :trend-text="trendText"
    :trend-class="trendClass"
  />
</template>

<script lang="ts" setup>
  import MetricCard from './metric-card.vue';

  interface Props {
    value: string | number;
    trend: number;
    trendText: string;
    trendClass: string;
  }

  defineProps<Props>();
</script>
